About Mary Seph

Table of Contents: Accessibility / Site Plans / Credits

The Site

Update Archive | Layouts

This site is being developed with Obsidian-flavored Markdown then manually converted to HTML in VSCode before and being uploaded to Github.

The site's source code and a page template are available on Github for download.

Read the annoyingly long, overly-dramatic and totally unfinished manifesto

Accessibility

This website has been designed to be responsible on mobile and desktop. See below for potential accessibility issues.

There are some iframes that I'm not sure if they pose an issue. A search didn't give me an answer on that.

Disclaimer: I don't use a screen reader or any other type of assistive device to surf the web. If there's any section of this website that is inaccessible, please drop me a message. I'm an indie web dev who's learning about web accessibility and would appreciate the feedback.

Stuff to Fix

No relative sizes.
Some pages might benefit from some semantic tags such as Crochet Bath Set.

Site Plans

alternate version

Design

Apply relative sizes according to screen size.
Apply semantic tags
Add space to the left of all text after a title (padding or margin?).

Structure

create RSS feed.
a manifesto for the site's ethos.
Add notes about responsive web design.

Both

Create Blog with zonelets
Create Digital Garden
Design 1.1 Layout
Environmental Friendly Alternatives (based on BuJo spread).
Crochet Bath Set Collection

Other

Create status.cafe account and add to site

Color schemes

Light Mode


        --color: #011523;

        --background: #d6fcfc;

        --link: #23237b;

        --linkhover: #8DA399;

        --formbg:#f4f1e9;

        --formcolor:#212c2c;

        --accentbg:#e0d9c6;

        --hr: #bb9860;

Dark Mode


        --color:#DCD7C9;

        --background:#2C3639;

        -link:#76ABDF;

        --linkhover:#cca376;

        --formbg:#232c2f;

        --formcolor:#DCD7C9;

        --accentbg:#232c2f;

        --hr: #5b7e81;

Credits

A lot of people with their personal website helped me developed this little guy you are reading now. It's not much, but sharing their site is the least I can do. Probably goes without saying that I'm not vouching for the contents of their website.

Kalechips: Reader mode template provided the base HTML.
Ghost Garden: table of contents format.
Cursors 4 U: Cute Blinking cat cursor (only blinks on Internet Explorer)

The Webmaster

/Uses